<template>
  <view class="evaluateWtapper" v-if="reply && reply.length > 0">
    <view
      v-for="(item, evaluateWtapperIndex) in reply"
      :key="evaluateWtapperIndex"
    >
      <view class="evaluateItem" v-if="item">
        <view class="pic-text acea-row row-middle">
          <view class="pictrue">
            <u-image
              :src="item.avatar || '/static/avatar.png'"
              width="56rpx"
              height="56rpx"
              mode="aspectFill"
            />
          </view>
          <view class="acea-row row-middle">
            <view class="name line1">{{ item.nickname || '' }}</view>
            <view class="start" :class="'star' + item.star"></view>
          </view>
        </view>
        <view class="time">{{ item.createTime }} {{ item.sku || '' }}</view>
        <view class="evaluate-infor">{{ item.comment }}</view>
        <view class="imgList acea-row">
          <view
            class="pictrue"
            v-for="(itemn, eq) in item.picturesArr"
            :key="eq"
            @click.stop="previewClick(eq, item.picturesArr)"
          >
            <image :src="itemn" class="image" mode="aspectFill" />
          </view>
        </view>
        <view class="reply" v-if="item.merchantReplyContent">
          <span class="font-color-red">店家回复</span>
          ：{{ item.merchantReplyContent }}
        </view>
      </view>
    </view>
  </view>
</template>
<script>
import { dataFormat } from '@/utils'

export default {
  name: 'UserEvaluation',
  props: {
    reply: {
      type: Array,
      default: () => [],
    },
  },
  data: function () {
    return {}
  },
  mounted: function () {
    console.log(this)
  },
  methods: {
    dataFormat,
    // 预览图片
    previewClick(index, list) {
      // let arr = []
      // for (let item of list) {
      //   arr.push(item)
      // }
      uni.previewImage({
        urls: list,
        current: index,
      })
    },
  },
}
</script>
